<template>
    <div @click="increment">
     <div>快递公司:{{queryResult.company}}</div>
     <div>快递单号:{{queryResult.no}}</div>

    <ul>
      <li v-for="(item, index) in queryResult.list" :key="index">
         <div>日期时间:{{item.datetime}}</div>
         <div>地点:{{item.remark}}</div>
      </li>
    </ul>
    </div>
</template>

<script>
  import {mapState, mapMutations,mapActions} from 'vuex';
  export default {
    name: "",
    data() {
      return {
        query:"",
        Result:{}
      };
    },
    // 可请求数据
    created() {


    },
    //绑定dom对象
    mounted(){


     },
    // 计算函数
    computed: {
      ...mapState([
        "queryResult"
      ]),

      increment(){
         this.query=this.$root.$mp.query;
         this.expressQuery(this.query);

     }

    },
    // 方法
    methods: {
      ...mapActions([
         "expressQuery"
      ])

    }
    ,
     // 子组件
    components: {

    }
  };
</script>

<style scoped>

  li{
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 20px;
  }


</style>
